@charset "utf-8";
/* CSS Document */
/*bootstarp后加共用部分*/
html{font-family: 'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
h1, .h1, h2, .h2, h3, .h3{margin: 0;}
p{margin-bottom: 0px;}
ul{padding: 0px;margin: 0;}
li{list-style: none;}
img{max-width: 100%;height: auto;}
a:hover{text-decoration: none;}
/*展示5列*/
@media (min-width: 992px) {
.col-md-pa5 {
    width: 20%;float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
}
@media (min-width: 1000px) {
  .container {
    width: 92.7%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 92.7%;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 92.7%;
  }
}
/*bootstarp后加共用部分*/
#header{height: 85px;line-height: 85px;width: 100%;position: absolute;top: 0;left: 0;z-index: 10000;}
#header h1{line-height: 82px;}
#header h1 a{display: inline-block;}
#header h1 img{max-width: 100%;height: auto;}
#header h1 .logo2{display: none;}
#header nav{text-align: right;}
#header nav li{width: 16.666%;float: left;}
#header nav li a{font-size: 17px;color: #ffffff;}
/*顶部效果导航*/
.affix {z-index: 100000;background: #fff;}
.affix {position: fixed!important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);height: 75px!important;line-height: 75px!important;}
.affix h1{line-height: 72px!important;}
.affix h1 .logo1{display: none;}
.affix h1 .logo2{display: inline-block !important;}
.affix  nav li a{color: #000000!important;}

.mnav{display:none;}
.mnavopen{ display: none;cursor: pointer;}
.mnavclose{ display:none;cursor: pointer;}
#banner .carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}

.ggpart{text-align: center;}
.ggpart .zimu{font-size: 41px;color: #222222;font-weight: bold;text-transform: uppercase;}
.ggpart .abiaoti{font-size: 29px;color: #254383;}
.ggpart i{display: inline-block;width: 54px;height: 2px;background: #254383;}

#product{padding-top: 3.5vw;}
#product .cpfl {width: 75%;margin: 0 auto;text-align: center;margin-top: 2.5vw;}
#product .cpfl a{width: 13%;display: inline-block;height: 43px;line-height: 43px;background: #254288;color: #ffffff;margin-right: 1%;border-radius: 20px;}
#product .cpfl a:hover{background: #ff591f;}
#product .cpneixs{margin-top: 4.6vw;}
#product .cpneixs .cppart {border: 2px solid #f1f1f1;border-radius: 10px;padding: 29px 8px 0 8px;margin-bottom: 1.5vw;}
#product .cpneixs .cppart img{width: 100%;height: auto;}
#product .cpneixs .cppart p{font-size: 19px;text-align: center;color: #1d1d1d;height: 4.2vw;line-height: 4.2vw;border-top: 2px solid #f1f1f1;margin-top: 0.9vw;}
#product .cpneixs .cppart p a{color: #1d1d1d;}
#product .cpneixs .cppart:hover p{border-top: 2px solid #254288;}
#product .cpneixs .cppart:hover p a{color: #254288;}
#product .cpfl .current{background:#ff591f;}
#product .cpneixs{display:none;}
#product .cpneixs:nth-child(1){ display:block;}
#gnfl{padding: 2vw 0 0 0; }
#gnfl .cpflt {width: 75%;margin: 0 auto;margin-top: 2.5vw;}
#gnfl .cpflt a{width: 13.2%;display: inline-block;height: 43px;line-height: 43px;background: #254288;color: #ffffff;margin-right: 1%;border-radius: 20px;margin-bottom: 1.4vw;text-align: center;}
#gnfl .cpflt a:hover{background: #ff591f;}
#gnfl .cpneixst{margin-top: 2.6vw;}
#gnfl .cpneixst .cppart {border: 2px solid #f1f1f1;border-radius: 10px;padding: 29px 8px 0 8px;margin-bottom: 1.5vw;}
#gnfl .cpneixst .cppart img{width: 100%;height: auto;}
#gnfl .cpneixst .cppart p{font-size: 19px;text-align: center;color: #1d1d1d;height: 4.2vw;line-height: 4.2vw;border-top: 2px solid #f1f1f1;margin-top: 0.9vw;}
#gnfl .cpneixst .cppart p a{color: #1d1d1d;}
#gnfl .cpneixst .cppart:hover p{border-top: 2px solid #254288;}
#gnfl .cpneixst .cppart:hover p a{color: #254288;}
#gnfl .cpflt .current{background:#ff591f;}
#gnfl .cpneixst{display:none;}
#gnfl .cpneixst:nth-child(1){ display:block;}
#about{background:url("../images/beiyin1.jpg") top center no-repeat;background-size: cover;padding: 2.9vw 0 4.5vw 0;margin-top: 2.2vw;position: relative;width: 100%;}
#about .container{padding: 0 4%;}
#about .ggpart{margin-bottom: 23px;}
#about .ggpart .zimu{color: #ffffff;}
#about .ggpart .abiaoti{color: #ffffff;}
#about .ggpart i{background: #ffffff;}
#about .about_l .dsoaes{font-size: 22px;color: #fffefe;font-weight: bold;}
#about .about_l .neir{margin-top: 2vw;}
#about .about_l .neir p{font-size: 19px;color: #ffffff;line-height: 1.8;}
#about .about_l span{width: 128px;height: 50px;line-height: 50px; background: url("../images/lyjantou.png") right center no-repeat;display: inline-block;margin-top: 1.9vw;}
#about .about_l span a{font-size: 16px;color: #ffffff;display: block;background: url("../images/henxian.png") left bottom no-repeat;}
#about .about_r img{max-width: 100%;height: auto;}
#about .shuzi{width: 85%;background: #ffffff;padding: 1.4vw 0;position: absolute;left: 7.5vw;bottom: -5.5vw;box-shadow: 2px 2px 12px 2px rgba(0,0,0,.15);}
#about .shuzi .col-md-pa5{border-right: 1px solid #dddddd;text-align: center;}
#about .shuzi .col-md-pa5 p{font-size: 19px;color: #254288;font-weight: bold;}
#about .shuzi .col-md-pa5 p span{font-size: 56px;color: #254288;font-weight: bold;}
#about .shuzi .col-md-pa5 em{font-style: inherit;font-size: 15px;color: #161616;}
#about .waves{position: absolute;left: 0px;top: -32px;width: 100%!important;overflow-x: hidden!important;}
#ditu{background: url("../images/daditu2.png") top center no-repeat;background-size:contain;height: 50vw;position: relative;}

#yuandian2 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 500px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: absolute;
    top: auto;
    left: 0px;
    z-index: -99;
    bottom: 82px;
    right: auto;
}
#yuandian2 iframe.lizi {
    width: 100%;
    border: 0px;
    height: 500px;
}
#news .xinwz{width: 100%;background: url("../images/xwbeiyin.jpg") no-repeat;background-size: cover;padding: 6.8vw 0 6.1vw 0;margin-top: 2vw;} 
#news .xinwz .diyig h5{font-size: 41px;color: #ffffff;font-weight: bold;}
#news .xinwz .diyig p{font-size: 14px;color: #ffffff;margin-top: 1.6vw;opacity: 0.46;}
#news .xinwz .diyig span{display: inline-block;width: 136px;height: 39px;background:#ff591f;text-align: center;line-height: 39px;border-radius: 10px;margin-top: 2vw;}
#news .xinwz .diyig span a{font-size: 14px;color: #ffffff;}
#news  .swiper-container {width: 100%;padding-bottom: 2vw;}
#news  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
		
	  flex-direction: column;
	  background-color: rgba(30,28,28,0.2);
	  overflow: hidden;

    }
#news  .swiper-slide img{ width: 100%;height: auto;cursor: pointer;}
#news  .swiper-slide .xinwt{width: 100%;position: relative;}
#news  .swiper-slide .xinwt img{display: block;width: 100%;height: auto;}
#news  .swiper-slide .xinwt .absod{position: absolute;width: 100%;height: 100%;background-color: rgba(1,50,103,0.6);left: -100%;top: 0;cursor: pointer;text-align: center;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
#news  .swiper-slide:hover .xinwt .absod{left: 0;}
#news  .swiper-slide .xinwt .absod i{width: 15px;height: 2px;display: inline-block;background: #ffffff;margin-top: 30%;}
#news  .swiper-slide .xinwt .absod p{font-size: 16px;color: #ffffff;margin-top: 2%;}
#news  .swiper-slide .neods{width: 100%;padding: 0 0.7vw;text-align: left;}
#news  .swiper-slide .neods h3{font-size: 18px;color: #ffffff;margin-top: 1vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#news  .swiper-slide .neods p{font-size: 16px;color: #ffffff;opacity: 0.6;margin-top: 0.3vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#news  .swiper-slide .neods .xaingx{background: url("../images/xwjiantou.png") right center no-repeat;text-align: left;margin: 0.5vw 0;}
#news  .swiper-slide .neods .xaingx a{font-size: 13px;color: #ffffff;}
#fuly{padding: 3vw 0 2vw 0;}
#fulyy{padding: 8vw 0 3vw 0;}
#fuly .ggpart{margin-bottom: 2.1vw;}
#fuly .col-md-4{margin-bottom: 17px;}
#fuly .col-md-4 .lupart{width: 100%;position: relative;cursor: pointer;}
#fuly .col-md-4 img{display: block; width: 100%;height: auto;}
#fuly .col-md-4 .lupart .absout{position: absolute;width: 100%;height: 100%;text-align: center;left: 0;top: 0;}
#fuly .col-md-4 .lupart .absout i{display: inline-block;}
#fuly .col-md-4 .lupart .absout .tubiao1{margin-top: 17%;}
#fuly .col-md-4 .lupart .absout .tubiao2{opacity: 0;}
#fuly .col-md-4 .lupart .absout p{font-size: 25px;color: #ffffff;margin: 3% 0;}
#fuly .col-md-4:hover .lupart .absout{background-color: rgba(1,50,103,0.6);}
#fuly .col-md-4:hover .lupart .absout .tubiao2{opacity: 1;}


#fulyy .ggpart{margin-bottom: 2.1vw;}
#fulyy .col-md-4{margin-bottom: 17px;}
#fulyy .col-md-4 .lupart{width: 100%;position: relative;cursor: pointer;}
#fulyy .col-md-4 img{display: block; width: 100%;height: auto;}
#fulyy .col-md-4 .lupart .absout{position: absolute;width: 100%;height: 100%;text-align: center;left: 0;top: 0;}
#fulyy .col-md-4 .lupart .absout i{display: inline-block;}
#fulyy .col-md-4 .lupart .absout .tubiao1{margin-top: 17%;}
#fulyy .col-md-4 .lupart .absout .tubiao2{opacity: 0;}
#fulyy .col-md-4 .lupart .absout p{font-size: 25px;color: #ffffff;margin: 3% 0;}
#fulyy .col-md-4:hover .lupart .absout{background-color: rgba(1,50,103,0.6);}
#fulyy .col-md-4:hover .lupart .absout .tubiao2{opacity: 1;}


#footer{background: #111e3c;padding: 4.3vw 0 0.5vw 0;border-top: 8px solid #254288;}
#footer .part1 .dianhua{background: url("../images/dianhau.png") left center no-repeat;padding-left: 65px;margin-bottom: 1.5vw;}
#footer .part1 .dianhua .xiaos{font-size: 15px;color: #ffffff;}
#footer .part1 .dianhua .haoma{font-size: 27px;color: #ffffff;font-family: 'Impact';}
#footer .part1 p{font-size: 16px;color: #ffffff; line-height:1.6;}
#footer .part2{ border-left:1px solid #414b63;border-right:1px solid #414b63;}
#footer .part2 ul{ width:100%;padding-left: 10%;}
#footer .part2 li{ width:20%; float:left;}
#footer .part2 li h6{ margin-bottom:1vw; margin-top:3px; line-height:1.5; /*text-align:left;*/}
#footer .part2 li h6 a { font-size:16px; color:#ffffff;}
#footer .part2 li p{font-size:14px; color:#bababa; line-height:2.2;}
#footer .part2 li p a{ font-size:14px; color:#bababa; line-height:2.2;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
#footer .part3{ text-align:right;}
#footer .part3 img{ max-width:100%; height:auto;}
#footer .footer2{ width:100%; border-top:1px solid #414b63; padding:1.5vw 0; margin-top:2.3vw;}
#footer .footer2 p{ font-size:15px; color:#ffffff; text-align:center; line-height:1.6;} 
#footer .footer2 p a{color:#ffffff;}



/*内页*/
.xypg-wrap .container{padding: 0 4%;}
@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){

}
@media only screen and (max-width:1400px){
	#about .shuzi{ bottom:-7.5vw}
	#ditu{ height:52vw;}
	#news .xinwz .diyig h5{ font-size:26px;}
	#fuly .col-md-4 .lupart .absout .tubiao1 {margin-top: 15%;}
	#news  .swiper-slide .xinwt .absod p{font-size: 14px;}
	#news .xinwz .diyig p{ font-size:13px;}
	#news .xinwz .diyig span {width: 106px;height: 30px; line-height:30px;}
	#footer .part2 ul{ width:100%; padding-left:5%;}
	#footer .part2 li{ width:19.5%; float:left;}
	
	.xypg-wrap .container{padding: 0 3%;}
}
@media only screen and (max-width:1300px){
}
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:1169px){
	
}
@media only screen and (max-width:1000px){
	nav{ display:none;}
	.mnavopen{ display: block; width:57px; height:53px; background:url(../images/mnavopen.png) center no-repeat; float:right; margin-top:20px;margin-right: 5px;}
	.mnavclose{ width:57px; height:53px; background:url(../images/mnavclose.png) center no-repeat; float:right; margin-top:20px;margin-right: 5px;}
	.mnav{position:absolute; left:0; display:block; width:100%; top:85px;z-index: 100;}
	.mnav li{ width:100%; display:block; float:left;   overflow:hidden;  font-size:20px; text-align:center; color:#FFF; background: rgba(78,78,78,.95); height:0; line-height:60px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
	.mnav li a{color: #ffffff;}
	.navon.mnav li{ height:60px !important;border-bottom:1px solid #fff;}
	
	.ggpart .zimu{font-size: 30px;}
	.ggpart .abiaoti{font-size: 20px;}
	.ggpart i{width: 54px;height: 2px;}
	#product .cpfl {width: 90%;margin: 0 auto;text-align: center;margin-top: 2.5vw;}
	#product .cpfl a{width: 32.3%;display: inline-block;height: 33px;line-height: 33px;background: #254288;color: #ffffff;margin-right: 1%;border-radius: 20px;font-size: 12px;margin-bottom: 2vw;}
	#product .cpneixs .cppart p {height: 10vw;line-height: 10vw;border-top: 1px solid #f1f1f1;margin-top: 2.9vw;}
	#gnfl .cpflt {width: 90%;}
	#gnfl .cpflt a{width: 32.3%;height: 33px;line-height: 33px;font-size: 12px;}
	#about .shuzi{display: none;}
	#about .about_r {margin-top: 5vw;}
	#gnfl .cpneixst .cppart p {height: 10vw;line-height: 10vw;border-top: 1px solid #f1f1f1;margin-top: 2.9vw;}
	#news .xinwz .col-md-9{margin-top: 5vw;}
	#footer .part1{display: none;}
	#footer .part3{display: none;}
	#footer .footer2{display: none;}
	
	.xypg-wrap .container{padding: 0 0%;}
@media only screen and (max-width:954px){
	
}
@media only screen and (max-width:820px){
	
}
@media only screen and (max-width:768px){
	#header h1 img{max-width: 90%;}
	#footer .part2 li {width: 25%;}
	#footer .part2 li:nth-child(5){display: none;}
}
@media only screen and (max-width:650px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:580px){
	#header{height: 85px;line-height: 85px;width: 100%;position: inherit;z-index: 10000;}
	#header h1 .logo1{display: none;}
	#header h1 .logo2{display: inline-block;}
}
@media only screen and (max-width:440px){

}
@media only screen and (max-width:390px){

}